<template>
    <div>
    	<div class="hello_d">
    		<!-- 我的上部分 -->
    		<router-link to="wode">
    			<div class="top_d">
    				<div class="tpleft_d">&#xe74a;</div>
    				<div class="tpright_d">我的优惠</div>
    			</div>
    		</router-link>
    		</div>
			<div class="dai">
				<span>红包</span>
				<span>商家代金券</span>
			</div>
			<div class="ass">
				<p>有3个红包即将到期</p>
				<router-link to="hobaoshuoming" id="hobaoshuoming">
					<img src="../assets/ques.png" alt="" id="img">
					<span class="zzz">红包说明</span>
				</router-link>
			</div>
			<div class="img1">
				<img src="../assets/ho1.png" alt="">
			</div>
			<div class="img1">
				<img src="../assets/ho.png" alt="">
			</div>
			<div class="img1">
				<img src="../assets/ho3.png" alt="">
					<p class="zi">限品类：快餐便当，特色小菜，小吃夜宵，甜品饮品，异国料理</p>
			</div>
			<router-link to="chakan" id="chakan">
			<p class="cha">查看历史红包</p>
			</router-link>
			<div class="dui">
				<router-link to="tuihuanhobao" id="tuihuanhobao">
					<span class="huan">兑换红包</span>
				</router-link>
					<router-link to="tuijianyoujiang" id="tuijianyoujiang">
						<span class="jiang">推荐有奖</span>
					</router-link>	
			</div>
    </div>
</template>

<script>
</script>

<style scoped>
	.hello_d {
		width: 100%;
		height: 2.5rem;
		background: #3190E8;
	}
	
	.top_d {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid white;
		line-height: 50px;
	}
	
	.tpleft_d {
		font-family: 'iconfont';
		position: absolute;
		left: 0;
		top: 0;
		font-size: 20px;
		color: #ffffff;
	}
	
	.tpright_d {
		position: fixed;
		right: 35%;
		top: 0;
		font-size: 50px;
	}
	
	@font-face {
		font-family: 'iconfont';
		src: url('//at.alicdn.com/t/font_1566197_psfss4eivem.eot');
		src: url('//at.alicdn.com/t/font_1566197_psfss4eivem.eot?#iefix') format('embedded-opentype'),
			url('//at.alicdn.com/t/font_1566197_psfss4eivem.woff2') format('woff2'),
			url('//at.alicdn.com/t/font_1566197_psfss4eivem.woff') format('woff'),
			url('//at.alicdn.com/t/font_1566197_psfss4eivem.ttf') format('truetype'),
			url('//at.alicdn.com/t/font_1566197_psfss4eivem.svg#iconfont') format('svg');
	}
	.dai{
		display: flex;
		justify-content: space-around;
		align-items: center;
		height: 3.5rem;
		background-color: #FFFFFF;
	}
	.dai span{
		color: #3190E8;
		text-decoration:underline;
	}
	.ass {
		font-size: 20px;
		margin-top: 30px;
		margin-left: 20px;
	}
	#img {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 580px;
		top: 210px;
	}
	
	.zzz {
		font-size: 10px;
		left: 630px;
		top: 218px;
		position: absolute;
		color: #3190E8;
	}
	.img1{
	margin-left: 35px;
	margin-top: 30px;
	}
	.zi{
		height: 100px;
		margin-left: 10px;
		margin-top: 10px;
		font-size: 29px;
	}
	.cha{
		font-size: 20px;
		margin-left: 280px;
		margin-top: 50px;
	}
	.dui{
		margin-top: 120px;
		margin-left: 10px;
		background-color: #fff;
		height: 100px;
		
	}
.huan{
	margin-left: 90px;
}
.jiang{
	margin-left: 300px;
}
</style>
